<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<canvas id="myCanvas" width="400" height="400"></canvas>
<script type="text/javascript">
var ctx = document.getElementById('myCanvas').getContext('2d');
var img = new Image();
img.onload = function(){
	ctx.drawImage(img,0,0);
	ctx.font = "26px Arial Black";
	ctx.shadowOffsetX = 3;
	ctx.shadowOffsetY = 3;
	ctx.shadowBlur = 2;  
	ctx.shadowColor = "rgba(0, 0, 0, 0.9)";
	ctx.fillStyle = "yellow";  
	ctx.fillText("小摄影家",260,380);
}
img.src = 'images/bg.png';



</script>
</body>
</html> 
